<template>
  <el-popover :placement="props.placement" :width="props.width" trigger="hover" :content="props.content">
    <article>
      <slot></slot>
    </article>
    <template #reference>
      <button class="sea-btn-icon"><i class="fa fa-info-circle"></i></button>
    </template>
  </el-popover>
</template>

<script setup>
/* eslint-disable */
import Buttons from "@/view/example/ui/buttons.vue";

/**
 * 通用表头组件，一般用在卡片布局上，包含一个数据刷新按钮
 */
const props = defineProps({
    // 标题
    content: {type: String, default: undefined},
    // 气泡位置
    placement: {type: String, default: 'bottom-start'},
    // 气泡宽度
    width: {type: [String, Number], default: 200}
});
</script>
